<template>
  <el-drawer title="建议内容" size="600px" :with-header="false" :visible.sync="drawer">
    <div class="advice-box">
      <div class="advice-add">
        <div class="advice-title">销项报告</div>
        <el-form ref="ruleForm" :model="form" label-position="right" label-width="90px">
          <el-form-item label="文件名：" prop="projectIdList">
            {{form.fileName}}
          </el-form-item>
          <el-form-item label="月份：" prop="month">
            {{form.month}}
          </el-form-item>
          <el-form-item label="关联项目：" prop="month">
            {{form.projectName}}
          </el-form-item>
          <el-form-item label="创建人：" prop="createBy">
            {{form.createBy}}
          </el-form-item>
          <el-form-item label="更新人：" prop="updateRealName">
            {{form.updateRealName}}
          </el-form-item>
          <el-form-item label="状态：" prop="isDelete">
            {{form.isDelete=='1'?'已删除':'正常'}}
          </el-form-item>
          <el-form-item label="创建时间：" prop="createTime">
            {{form.createTime}}
          </el-form-item>
          <el-form-item label="更新时间：" prop="updateTime">
            {{form.updateTime}}
          </el-form-item>
        </el-form>
      </div>
      <div class="advice-submit">
        <el-button type="primary" @click="drawer = false">确认</el-button>
      </div>
    </div>
  </el-drawer>
</template>
<script>
export default {
  data() {
    return {
      drawer: false,
      form: {},
      fileName: ''
    }
  },
  mounted() {
  },
  methods: {
    init(row){
      this.drawer = true
      this.form = JSON.parse(JSON.stringify(row))
    },
    cancel() {
      this.drawer = false
    }
  }
}
</script>
<style scoped lang="scss">
.advice-box{
  position: relative;
  padding: 20px;
  height: 100%;
  overflow: auto;
  .advice-title{
    font-weight: bold;
    font-size: 18px;
    margin: 20px 0 15px 0;
  }
}
.advice-submit{
  margin: 20px 0;
  text-align: center;
}
</style>
